uni-page-body {
	background-color: #f4f4f4;
	height: 100%;

	.container {
		.tab-cart {
			padding-bottom: 50px;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;

			.editor_head {
				position: relative;
				text-align: right;
				padding: 10px;
				font-size: 14px;
				background-color: #fff;

				.van-icon {
					position: relative;
					font-family: iconfont, vanIcon !important;
					font-size: 14px;
					font-style: normal;
					-webkit-font-smoothing: antialiased;
					top: 3px;
					left: -2px;
					width: 14px;
					height: 14px;
				}
			}

			.card-goods {
				background-color: #f2f2f2;

				.card-goods__item {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
					margin-bottom: 10px;
					background-color: #fff;

					.van-checkbox {
						display: -webkit-box;
						display: -webkit-flex;
						display: flex;
						-webkit-box-align: center;
						-webkit-align-items: center;
						align-items: center;
						overflow: hidden;
						cursor: pointer;
						-webkit-user-select: none;
						user-select: none;
						padding-left: 10px;
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
					}

					.active {
						width: 100%;
					}

					.van-card {
						position: relative;
						box-sizing: border-box;
						padding: 8px 16px;
						color: #323233;
						font-size: 12px;
						background-color: white;
						
 
						.van-card__header {
							display: flex;

							.van-card__thumb {
								position: relative;
								-webkit-box-flex: 0;
								-webkit-flex: none;
								flex: none;
								width: 88px;
								height: 88px;
								margin-right: 8px;

								.van-image {
									position: relative;
									display: inline-block;

									image {
										width: 88px;
										height: 88px;
									}
								}
							}

							.van-card__content {
								position: relative;
								display: -webkit-box;
								display: -webkit-flex;
								display: flex;
								-webkit-box-flex: 1;
								-webkit-flex: 1;
								flex: 1;
								-webkit-box-orient: vertical;
								-webkit-box-direction: normal;
								-webkit-flex-direction: column;
								flex-direction: column;
								-webkit-box-pack: justify;
								-webkit-justify-content: space-between;
								justify-content: space-between;
								min-width: 0;
								min-height: 88px;

								.van-card__title {
									max-height: 32px;
									font-weight: 500;
									line-height: 16px;
									font-size: 14px;
								}

								.van-card__desc {
									max-height: 20px;
									color: #646566;
									line-height: 20px;

									.van-tag {
										position: relative;
										display: -webkit-inline-box;
										display: -webkit-inline-flex;
										display: inline-flex;
										-webkit-box-align: center;
										-webkit-align-items: center;
										align-items: center;
										padding: 0 4px;
										color: #fff;
										font-size: 12px;
										line-height: 16px;
										border-radius: 2px;

										.van-tag--plain:before {
											position: absolute;
											top: 0;
											right: 0;
											bottom: 0;
											left: 0;
											border: 1px solid;
											border-color: inherit;
											border-radius: inherit;
											content: "";
											pointer-events: none;
										}
									}

									.van-tag--default {
										background-color: #969799;
									}

									.van-tag--plain {
										background-color: #fff;
										border-color: currentColor;
									}
								}

								.van-card__bottom {
									line-height: 20px;

									.van-card__price {
										display: inline-block;
										color: #323233;
										font-weight: 500;
										font-size: 12px;
									}

									.van-card__num {
										float: right;
										color: #969799;
									}
								}
							}
						}

						.van-card__footer {
							font-size: 12px;
							color: #999;
							width: 100%;
							padding-left: 130px;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
							.m-numSelector {
								 float: right;
								 padding-left: 90px;
							
								.minus {
									border-right: 0;
									border-top-left-radius: 2px;
									border-bottom-left-radius: 2px;
									position: relative;
									width: 29px;
									float: left;
									box-sizing: border-box;
									height: 29px;
									border: 1px solid #d9d9d9;
								}
							
								.minus::before {
									position: absolute;
									top: 0;
									left: 0;
									right: 0;
									bottom: 0;
									margin: auto;
									content: " ";
									width: 11px;
									height: 1px;
									background-color: #7f7f7f;
								}
							}
							
							uni-input {
								width: 29px;
								text-align: center;
								color: #333;
								float: left;
								box-sizing: border-box;
								height: 29px;
								border: 1px solid #d9d9d9;
							}
							
							.plus {
								float: left;
								box-sizing: border-box;
								height: 29px;
								border: 1px solid #d9d9d9;
								position: relative;
								width: 29px;
								border-left: 0;
								border-top-right-radius: 2px;
								border-bottom-right-radius: 2px;
							}
							
							.plus::before {
								position: absolute;
								top: 0;
								left: 0;
								right: 0;
								bottom: 0;
								margin: auto;
								content: " ";
								width: 11px;
								height: 1px;
								background-color: #7f7f7f;
							}
							
							.plus::after {
								position: absolute;
								top: 0;
								left: 0;
								right: 0;
								bottom: 0;
								margin: auto;
								content: " ";
								width: 1px;
								height: 11px;
								background-color: #7f7f7f;
							}
						}
					}

					.cart_delete {
						line-height: 100px;
						padding: 0 10px;
						color: #fff;
						background-color: #db3d3c; 
					}
				}

				.van-card:not(:first-child) {
					margin-top: 8px;
					margin-top: 0;
					padding-top: 10px;
					padding-bottom: 10px;

				}
			}
			.is_empty{
				text-align: center;
				    color: #999;
				    padding-top: 100px;
					image{
						width: 86px;
						height: 65px;
					}
			}

			.van-submit-bar {
				position: fixed;
				bottom: 0;
				left: 0;
				z-index: 100;
				width: 100%;
				padding-bottom: constant(safe-area-inset-bottom);
				padding-bottom: env(safe-area-inset-bottom);
				background-color: #fff;
				-webkit-user-select: none;
				user-select: none;

				.van-submit-bar__bar {
					display: -webkit-box;
					display: -webkit-flex;
					display: flex;
					-webkit-box-align: center;
					-webkit-align-items: center;
					align-items: center;
					-webkit-box-pack: end;
					-webkit-justify-content: flex-end;
					justify-content: flex-end;
					height: 50px;
					padding: 0 16px;
					font-size: 14px;

					.van-checkbox {
						display: flex;
						-webkit-box-align: center;
						-webkit-align-items: center;
						align-items: center;
						overflow: hidden;
						cursor: pointer;
						-webkit-user-select: none;
						user-select: none;
					}

					.van-submit-bar__text {
						-webkit-box-flex: 1;
						-webkit-flex: 1;
						flex: 1;
						padding-right: 12px;
						color: #323233;
						text-align: right;

						.van-submit-bar__price {
							color: #ee0a24;
							font-weight: 500;
							font-size: 12px;
						}

						text {
							display: inline-block;
						}
					}

					.van-submit-bar__button--danger {
						background: linear-gradient(90deg, #ff6034, #ee0a24);
						width: 110px;
						height: 40px;
						font-weight: 500;
						border: none;
						border-radius: 999px;
						padding: 0 15px;
						font-size: 14px;
						color: #fff;
						position: relative;
						display: inline-block;
						box-sizing: border-box;
						height: 44px;
						margin: 0;
						padding: 0;
						font-size: 16px;
						line-height: 1.2;
						text-align: center;
						border-radius: 2px;
						cursor: pointer;
						-webkit-transition: opacity .2s;
						transition: opacity .2s;
						-webkit-appearance: none;

						.van-button__content {
							display: flex;
							-webkit-box-align: center;
							-webkit-align-items: center;
							align-items: center;
							-webkit-box-pack: center;
							-webkit-justify-content: center;
							justify-content: center;
							height: 100%;
						}
					}
				}
			}
		}
	}
}

.view-router {
	background-color: #f2f2f2;
	height: 100vh;
	overflow-y: auto;
	padding-bottom: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}